<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1425833_47yn6p50pf4.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-1.11.3.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- header部分开始 -->
    <div class="header">
        <div class="top-bar wrap">
            <div class="head-lang">
                <div class="region-selection">
                    <h4 class="selected-region">中文</h4>
                    <i class="iconfont icon-xialajiantou icon-arrow"></i>
                </div>
                <div class="separate-line"></div>
                <div class="currency-selection">
                    <h4>RMB ￥</h4>
                </div>
            </div>
            <div class="head-site logged-in">
                <span class="login"><a href="javascript:void(0)">登录</a></span>
                <div class="separate-line"></div>
                <span class="register"><a href="javascript:void(0)">注册</a></span>
                <div class="separate-line"></div>
                <span class="collection"><a href="javascript:void(0)"><i
                            class="iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu- xin"></i></a></span>
            </div>
            <div class="head-logo">
                <a href="https://www.secoo.com"><img src="./images/logo.jpg" alt=""></a>
            </div>
        </div>
        <div class="nav-bar">
            <div class="wrap">
                <ul class="nav-menu">
                    <li class="nav-item"><a href="">首页</a></li>
                    <li class="nav-item">
                        <a href="">包袋</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">男士包袋</a><a href="javascript:void(0)">女士包袋</a>
                                    <a href="javascript:void(0)">钱包</a><a href="javascript:void(0)">手拿包</a>
                                    <a href="javascript:void(0)">斜挎包</a><a href="javascript:void(0)">拉杆箱</a>
                                    <a href="javascript:void(0)">双肩包</a><a href="javascript:void(0)">手提包</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">古驰</a>
                                    <a href="javascript:void(0)">宝格丽</a><a href="javascript:void(0)">蔻驰</a>
                                    <a href="javascript:void(0)">范思哲</a><a href="javascript:void(0)">杜嘉班纳</a>
                                    <a href="javascript:void(0)">普拉达</a><a href="javascript:void(0)">缪缪</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="">腕表</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">男士</a><a href="javascript:void(0)">女士</a>
                                    <a href="javascript:void(0)">机械腕表</a><a href="javascript:void(0)">石英腕表</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">古驰</a>
                                    <a href="javascript:void(0)">宝格丽</a><a href="javascript:void(0)">蔻驰</a>
                                    <a href="javascript:void(0)">范思哲</a><a href="javascript:void(0)">杜嘉班纳</a>
                                    <a href="javascript:void(0)">真力时</a><a href="javascript:void(0)">卡地亚</a>
                                    <a href="javascript:void(0)">浪琴</a><a href="javascript:void(0)">天梭</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="">珠宝首饰</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">项链</a><a href="javascript:void(0)">吊坠</a>
                                    <a href="javascript:void(0)">手链</a><a href="javascript:void(0)">耳饰</a>
                                    <a href="javascript:void(0)">手镯</a><a href="javascript:void(0)">戒指/指环</a>
                                    <a href="javascript:void(0)">手串</a><a href="javascript:void(0)">串珠/配珠</a>
                                    <a href="javascript:void(0)">首饰套装</a><a href="javascript:void(0)">胸针</a>
                                    <a href="javascript:void(0)">头饰</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">梵克雅宝</a><a href="javascript:void(0)">尚美</a><a
                                        href="javascript:void(0)">蒂芙尼</a>
                                    <a href="javascript:void(0)">迪奥</a><a href="javascript:void(0)">宝格丽</a><a
                                        href="javascript:void(0)">施华洛世奇</a>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">潘多拉</a> <a
                                        href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">Apm Monaco</a> <a
                                        href="javascript:void(0)">莫妮卡维娜德</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">服饰</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">鞋履</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">配饰</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">运动</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">家居</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">美妆</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">生活方式</a>
                    </li>
                </ul>
                <div class="nav-search">
                    <input type="text" class="search-input" placeholder="请输入搜索内容">
                    <span class="icon-search">
                        <i class="iconfont icon-sousuo"></i>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- header部分结束 -->

    <!-- 轮播图部分开始 -->
    <div class="editor-lunbo wrap">
        <h3 class="title"></h3>
        <div id="wrap">
            <ul id="content">
                <li class="select"><img src="./images/swiper3.jpg" /></li>
                <li><img src="./images/swiper4.jpg" /></li>
                <li><img src="./images/swiper5.jpg" /></li>
                <li><img src="./images/swiper1.jpg" /></li>
                <li><img src="./images/swiper2.jpg" /></li>
            </ul>
            <ul id="nav">
                <li class="select"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div id="left">&lt;</div>
            <div id="right">&gt;</div>
        </div>
    </div>
    <!-- 轮播图部分结束 -->

    <!-- banner部分开始 -->
    <div class="banner wrap">
        <div class="secoo-trend">
            <a href="">
                <div class="top-img"><img src="./images/top-img.jpg" alt=""></div>
                <div class="bottom-img"><img src="./images/bottom-img.png" alt=""></div>
            </a>
        </div>
        <div class="international-brands">
            <a href="">
                <div class="left-img"><img src="./images/left-img.png" alt=""></div>
                <div class="right-img"><img src="./images/right-img.jpg" alt=""></div>
            </a>
        </div>
        <div class="banner-video">
            <div class="bg-poster">
                <div class="video-play"></div>
                <img src="./images/video-play.jpg" alt="">
            </div>
            <video class="video-div" controls="controls" preload="one"
                src="https://pic13.secooimg.com/video/productvideo/secoo1111.mp4"></video>
        </div>
    </div>
    <!-- banner部分结束 -->

    <!-- editor部分开始  -->
    <div class="editor-pick wrap">
        <h3 class="title"></h3>
        <div class="editor-pick-list">
            <ul class="product-list">
                <li>
                    <a href="javascript:void(0)">
                        <div class="product-img">
                            <img src="./images/tshit1.jpg" alt="" class="lazyPic">
                            <div class="product-details">
                                <p class="product-name">BALMAIN/宝曼</p>
                                <p class="product-desc">【LVR】 BALMAIN/宝曼 19秋冬 女士 植绒新logo纯棉平纹针织t恤 70I-L5Z049_RUFC0</p>
                                <div class="line"></div>
                                <p class="product-price">￥1,620</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <div class="product-img">
                            <img src="./images/tshit2.jpg" alt="" class="lazyPic">
                            <div class="product-details">
                                <p class="product-name">BALMAIN/宝曼</p>
                                <p class="product-desc">【LVR】 BALMAIN/宝曼 19秋冬 女士 植绒新logo纯棉平纹针织t恤 70I-L5Z049_RUFC0</p>
                                <div class="line"></div>
                                <p class="product-price">￥1,620</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <div class="product-img">
                            <img src="./images/tshit3.jpg" alt="" class="lazyPic">
                            <div class="product-details">
                                <p class="product-name">BOYY/BOYY</p>
                                <p class="product-desc">【LVR】19秋冬 BOYY/BOYY女士 bobby 23皮革手提包</p>
                                <div class="line"></div>
                                <p class="product-price">￥9,917</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <div class="product-img">
                            <img src="./images/tshit4.jpg" alt="" class="lazyPic">
                            <div class="product-details">
                                <p class="product-name">Ganni/Ganni</p>
                                <p class="product-desc">【LVR】19秋冬 Ganni/Ganni女士 格纹泡泡纱中长连衣裙</p>
                                <div class="line"></div>
                                <p class="product-price">￥2,314</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)">
                        <div class="product-img">
                            <img src="./images/tshit5.jpg" alt="" class="lazyPic">
                            <div class="product-details">
                                <p class="product-name">CULT GAIA/CULT GAIA</p>
                                <p class="product-desc">【LVR】CULT GAIA/CULT GAIA 女士 90毫米编织皮革穆勒鞋 70I-WZ6001_U1BD0</p>
                                <div class="line"></div>
                                <p class="product-price">￥3,138</p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="bottom-dir">
            <a href="" class="prev"><i class="iconfont icon-jiantou-copy icon-prev"></i></a>
            <a href="" class="next"><i class="iconfont icon-arrow-right icon-next"></i></a>
        </div>
    </div>
    <!-- editor部分结束 -->

    <!-- fashion部分开始 -->
    <div class="fashion-wardrobe wrap">
        <div class="left-img"><img src="./images/fashion-left-img.jpg" alt="" class="lazyPic"></div>
        <div class="right-img"><img src="./images/fashion-right-img.png" alt="" class="lazyPic"></div>
    </div>
    <!-- fashion部分结束 -->

    <!-- app部分开始 -->
    <div class="secoo-app wrap"><img src="./images/secoo-app.jpg" alt="" class="lazyPic"></div>
    <!-- app部分结束 -->

    <!-- entry部分开始 -->
    <ul class="plate-entry wrap">
        <li class="en">
            <a href="">
                <img src="./images/entry-pic1.jpg" alt="" class="lazyPic">
            </a>
        </li>
        <li class="zh">
            <a href="">
                <img src="./images/entry-pic2.jpg" alt="" class="lazyPic">
            </a>
        </li>
        <li class="en">
            <a href="">
                <img src="./images/entry-pic3.jpg" alt="" class="lazyPic">
            </a>
        </li>
    </ul>
    <!-- entry部分结束 -->

    <!-- world部分开始 -->
    <div class="world-of-secoo">
        <div class="wrap">
            <h3 class="title"><img src="./images/the-world-of-secoo-title.png" alt=""></h3>
            <ul class="world-ul">
                <li class="en"><a href=""><img src="./images/world-pic1.jpg" alt="" class="lazyPic"></a></li>
                <li class="zh"><a href=""><img src="./images/world-pic2.jpg" alt="" class="lazyPic"></a></li>
                <li class="en"><a href=""><img src="./images/world-pic3.jpg" alt="" class="lazyPic"></a></li>
            </ul>
        </div>
    </div>
    <!-- world部分结束 -->

    <!-- footer部分开始 -->
    <div class="footer">
        <div class="wrap">
            <ul class="footer-links cl">
                <li class="service-information">
                    <h4 class="links-title">服务指南</h4>
                    <ul class="links-ul">
                        <li class="links-item"><a href="">Investors</a></li>
                        <li class="links-item"><a href="">物流配送</a></li>
                        <li class="links-item"><a href="">售后服务</a></li>
                        <li class="links-item"><a href="">联系我们</a></li>
                        <li class="links-item"><a href="">加入我们</a></li>
                        <li class="links-item"><a href="">帮助</a></li>
                        <li class="links-item"><a href="">寺库招商</a></li>
                    </ul>
                </li>
                <li class="public-media">
                    <h4 class="links-title">公共媒体</h4>
                    <div class="footer-logo">
                        <div class="weibo">
                            <i class="iconfont icon-weibo"></i>
                            <span class="zh">微博</span>
                        </div>
                        <div class="wechat">
                            <i class="iconfont icon-weixin"></i>
                            <span class="zh">微信</span>
                        </div>
                    </div>
                </li>
                <li class="our-app">
                    <h4 class="links-title">我们的APP</h4>
                    <ul class="app-ul">
                        <li class="links-item"><a href="">寺库商城</a></li>
                        <li class="links-item"><a href="">Try Try</a></li>
                        <li class="links-item"><a href="">寺库艺术</a></li>
                    </ul>
                </li>
            </ul>
            <div class="footer-info">
                <p>
                    <span><a href="">京公安备11010102001392</a></span>
                    <span><a href="">京ICP证110119号 京ICP备09084709号-3</a></span>
                    <span><a href="">ISO9001中国质量管理体系认证</a></span>
                    <span><a href="">出版物经营许可证</a></span>
                    <span><a href="">食品经营许可证</a></span>
                    <span><a href="">京B2-20181305</a></span>
                </p>
                <p>
                    <span>京食药网食备201810026</span>
                    <span>客服电话：400-875-6789</span>
                    <span>COPYRIGHT © 2010-2018 北京寺库商贸有限公司 版权所有</span>
                </p>
                <p class="footer-info-imgs">
                    <a href=""><img src="./images/f_01.jpg" alt=""></a>
                    <a href=""><img src="./images/kexin.jpg" alt=""></a>
                    <a href=""><img src="./images/cnnic.png" alt=""></a>
                    <a href=""><img src="./images/f_03.jpg" alt=""></a>
                </p>
            </div>
        </div>
    </div>
    <!-- footer部分结束 -->
</body>

</html>